<extend name="Public/common"/>
<block name="content">
<{:hook('indexSlider',array('widget'=>'Slider'))}>
<div class="page_content_offset">
	<div class="container">	
		<ul class="horizontal_list clearfix tt_uppercase isotope_menu f_size_large  f_xs_none m_xs_bottom_15 m_bottom_10" role="tablist">
			<li class="m_right_5 m_bottom_10 m_xs_bottom_5 active"><a class="button_type_17 bg_light_color_1 r_corners tr_delay_hover tt_uppercase box_s_none f_size_small" data-toggle="tab" role="tab" href="#new">最新添加</a></li>
			<li class="m_right_5 m_bottom_10 m_xs_bottom_5"><a class="button_type_17 bg_light_color_1 r_corners tr_delay_hover tt_uppercase box_s_none f_size_small" data-toggle="tab" role="tab" href="#hot">热门推荐</a></li>
			<li class="m_right_5 m_bottom_10 m_xs_bottom_5"><a class="button_type_17 bg_light_color_1 r_corners tr_delay_hover tt_uppercase box_s_none f_size_small" data-toggle="tab" role="tab" href="#praise">网友推荐</a></li>
			<li class="m_right_5 m_bottom_10 m_xs_bottom_5"><a class="button_type_17 bg_light_color_1 r_corners tr_delay_hover tt_uppercase box_s_none f_size_small" data-toggle="tab" role="tab" href="#listens">热门试听</a></li>
		</ul>
		<div class="tab-content m_bottom_45 m_md_bottom_35 m_xs_bottom_30">
			<div class="row clearfix tab-pane fade in active" id="new">
				<JY:songs result="v" limit="12" order="add_time">
				<div class="col-lg-4 col-md-4 col-sm-4 m_bottom_10 play_box">
					<div class="clearfix photoframe shadow d_block r_corners blog_animate animate_ftr relative">
						<img class="f_left r_corners m_right_15 m_sm_bottom_10 f_sm_none f_xs_left m_xs_bottom_0 " alt="<{$v['name']}>" src="<{$v['cover_url']|default="/Uploads/Picture/song_cover.jpg"}>" width="40" height="40">					
						<a class="color_dark d_block bt_link text-ellipsis play_name" target="_play" href="<{:U('Music/detail?id='.$v['id'])}>"><{$v['artist_name']}> - <{$v['name']}></a>
						
						<!--评分-->
						<a class="horizontal_list clearfix d_inline_b m_bottom_10" href="javascript:;">
							<div class="rater" data-average="<{$v['rater']}>" data-id="<{$v['id']}>"></div>
						</a>
						<a class="jp-play-me button_type_18 box_s_none f_size_large f_right tr_delay_hover r_corners" data-id="<{$v['id']}>" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">试听[<span class="num"><{$v.listens}></span>]</span>
							<i class="fa fa-headphones"></i>							
						</a>
						<a class="button_type_18  box_s_none f_size_large  f_right  tr_delay_hover r_corners music-action-btn" data-id="<{$v['id']}>" data-action="fav" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">收藏[<span class="num"><{$v.favtimes}></span>]</span>
							<i class="fa fa-heart-o"></i>
						</a>
						<a class="button_type_18  box_s_none f_size_large  f_right  tr_delay_hover r_corners music-action-btn" data-id="<{$v['id']}>" data-action="recommend" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">推荐[<span class="num"><{$v.recommend}></span>]</span>
							<i class="fa fa-thumbs-up"></i>
						</a>
						<a class=" button_type_18 box_s_none f_size_large  f_right  tr_delay_hover r_corners" target="_down" href="<{:U('Down/index?id='.$v['id'])}>">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">下载[<span class="num"><{$v.download}></span>]</span>
							<i class="fa fa-cloud-download"></i>
						</a>
					</div>				
				</div>
				</JY:songs>
			</div>
			<div class="row clearfix tab-pane fade" id="hot">
				<JY:songs result="v" limit="12" order="position,rater">
				<div class="col-lg-4 col-md-4 col-sm-4 m_bottom_10 play_box">
					<div class="clearfix photoframe shadow d_block r_corners blog_animate animate_ftr relative">
						<img class="f_left r_corners m_right_15 m_sm_bottom_10 f_sm_none f_xs_left m_xs_bottom_0 " alt="<{$v['name']}>" src="<{$v['cover_url']|default="/Uploads/Picture/song_cover.jpg"}>" width="40" height="40">					
						<a class="color_dark d_block bt_link text-ellipsis play_name" target="_play" href="<{:U('Music/detail?id='.$v['id'])}>"><{$v['artist_name']}> - <{$v['name']}></a>
						<!--评分-->
						<a class="horizontal_list clearfix d_inline_b m_bottom_10" href="javascript:;">
							<div class="rater" data-average="<{$v['rater']}>" data-id="<{$v['id']}>"></div>
						</a>
						<a class="jp-play-me button_type_18 box_s_none f_size_large f_right tr_delay_hover r_corners" data-id="<{$v['id']}>" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">试听[<span class="num"><{$v.listens}></span>]</span>
							<i class="fa fa-headphones"></i>							
						</a>
						<a class="button_type_18  box_s_none f_size_large  f_right  tr_delay_hover r_corners music-action-btn" data-id="<{$v['id']}>" data-action="fav" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">收藏[<span class="num"><{$v.favtimes}></span>]</span>
							<i class="fa fa-heart-o"></i>
						</a>
						<a class="button_type_18  box_s_none f_size_large  f_right  tr_delay_hover r_corners music-action-btn" data-id="<{$v['id']}>" data-action="recommend" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">推荐[<span class="num"><{$v.recommend}></span>]</span>
							<i class="fa fa-thumbs-up"></i>
						</a>
						<a class=" button_type_18 box_s_none f_size_large  f_right  tr_delay_hover r_corners" target="_down" href="<{:U('Down/index?id='.$v['id'])}>">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">下载[<span class="num"><{$v.download}></span>]</span>
							<i class="fa fa-cloud-download"></i>
						</a>
					</div>				
				</div>
				</JY:songs>
			</div>
			<div class="row clearfix tab-pane fade" id="praise">						
				<JY:songs result="v" limit="12" order="likes">
				<div class="col-lg-4 col-md-4 col-sm-4 m_bottom_10 play_box">
					<div class="clearfix photoframe shadow d_block r_corners blog_animate animate_ftr relative">
						<img class="f_left r_corners m_right_15 m_sm_bottom_10 f_sm_none f_xs_left m_xs_bottom_0 " alt="<{$v['name']}>" src="<{$v['cover_url']|default="/Uploads/Picture/song_cover.jpg"}>" width="40" height="40">					
						<a class="color_dark d_block bt_link text-ellipsis play_name" target="_play" href="<{:U('Music/detail?id='.$v['id'])}>"><{$v['artist_name']}> - <{$v['name']}></a>
						<!--评分-->
						<a class="horizontal_list clearfix d_inline_b m_bottom_10" href="javascript:;">
							<div class="rater" data-average="<{$v['rater']}>" data-id="<{$v['id']}>"></div>
						</a>
						<a class="jp-play-me button_type_18 box_s_none f_size_large f_right tr_delay_hover r_corners" data-id="<{$v['id']}>" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">试听[<span class="num"><{$v.listens}></span>]</span>
							<i class="fa fa-headphones"></i>							
						</a>
						<a class="button_type_18  box_s_none f_size_large  f_right  tr_delay_hover r_corners music-action-btn" data-id="<{$v['id']}>" data-action="fav" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">收藏[<span class="num"><{$v.favtimes}></span>]</span>
							<i class="fa fa-heart-o"></i>
						</a>
						<a class="button_type_18  box_s_none f_size_large  f_right  tr_delay_hover r_corners music-action-btn" data-id="<{$v['id']}>" data-action="recommend" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">推荐[<span class="num"><{$v.recommend}></span>]</span>
							<i class="fa fa-thumbs-up"></i>
						</a>
						<a class=" button_type_18 box_s_none f_size_large  f_right  tr_delay_hover r_corners" target="_down" href="<{:U('Down/index?id='.$v['id'])}>">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">下载[<span class="num"><{$v.download}></span>]</span>
							<i class="fa fa-cloud-download"></i>
						</a>
					</div>				
				</div>
				</JY:songs>			
			</div>
			<div class="row clearfix tab-pane  fade" id="listens">			
				<JY:songs result="v" limit="12" order="listens">
				<div class="col-lg-4 col-md-4 col-sm-4 m_bottom_10 play_box">
					<div class="clearfix photoframe shadow d_block r_corners blog_animate animate_ftr relative">
						<img class="f_left r_corners m_right_15 m_sm_bottom_10 f_sm_none f_xs_left m_xs_bottom_0 " alt="<{$v['name']}>" src="<{$v['cover_url']|default="/Uploads/Picture/song_cover.jpg"}>" width="40" height="40">					
						<a class="color_dark d_block bt_link text-ellipsis play_name" target="_play" href="<{:U('Music/detail?id='.$v['id'])}>"><{$v['artist_name']}> - <{$v['name']}></a>
						<!--评分-->
						<a class="horizontal_list clearfix d_inline_b m_bottom_10" href="javascript:;">
							<div class="rater" data-average="<{$v['rater']}>" data-id="<{$v['id']}>"></div>
						</a>
						<a class="jp-play-me button_type_18 box_s_none f_size_large f_right tr_delay_hover r_corners" data-id="<{$v['id']}>" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">试听[<span class="num"><{$v.listens}></span>]</span>
							<i class="fa fa-headphones"></i>							
						</a>
						<a class="button_type_18  box_s_none f_size_large  f_right  tr_delay_hover r_corners music-action-btn" data-id="<{$v['id']}>" data-action="fav" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">收藏[<span class="num"><{$v.favtimes}></span>]</span>
							<i class="fa fa-heart-o"></i>
						</a>
						<a class="button_type_18  box_s_none f_size_large  f_right  tr_delay_hover r_corners music-action-btn" data-id="<{$v['id']}>" data-action="recommend" href="javascript:;">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">推荐[<span class="num"><{$v.recommend}></span>]</span>
							<i class="fa fa-thumbs-up"></i>
						</a>
						<a class=" button_type_18 box_s_none f_size_large  f_right  tr_delay_hover r_corners" target="_down" href="<{:U('Down/index?id='.$v['id'])}>">
							<span class="tooltip tr_all_hover r_corners color_dark f_size_small">下载[<span class="num"><{$v.download}></span>]</span>
							<i class="fa fa-cloud-download"></i>
						</a>
					</div>				
				</div>
				</JY:songs>	
			</div>
		</div>
		
		<div class="clearfix">
			<h2 class="color_dark tt_uppercase f_left m_bottom_15 f_mxs_none heading5 animate_ftr">新碟上架<a href="#" class="tt_uppercase animate_ftr animate_horizontal_finished">/更多</a></h2>
			<div class="f_right clearfix nav_buttons_wrap f_mxs_none m_mxs_bottom_5 animate_fade">
				<button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large t_align_c bg_light_color_1 f_left tr_delay_hover r_corners bestsellers_prev"><i class="fa fa-angle-left"></i></button>
				<button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large t_align_c bg_light_color_1 f_left m_left_5 tr_delay_hover r_corners bestsellers_next"><i class="fa fa-angle-right"></i></button>
			</div>
		</div>
		<div class="bestsellers_carousel m_bottom_30 m_xs_bottom_15">
			<JY:album result="v" limit="6" order="add_time">
			<figure class="r_corners photoframe shadow relative tr_all_hover animate_ftb long">
				<a href="<{$v['url']}>" target="_album" class="d_block relative wrapper pp_wrap">
					<img class="tr_all_hover" src="<{$v['cover_url']|default="/Uploads/Picture/album_cover.jpg"}>" alt="<{$v['name']}>" width="242" height="180">
					<span class="clearfix p_buttons d_block tr_all_hover">
						<button class="add_fav box_s_none button_type_5 tr_delay_hover f_left r_corners color_light p_hr_0" title="收藏专辑" data-id="<{$v['id']}>" data-type="album">
							<i class="fa fa-heart-o"></i>
						</button>
						<span class="box_s_none button_type_5 tr_delay_hover f_left r_corners color_light m_left_5 p_hr_0 album_play" title="播放专辑" data-id="<{$v['id']}>"><i class="fa fa-play-circle-o"></i></span>
					</span>
				</a>
				<figcaption>
					<h5 class="m_bottom_10"><a href="<{$v['url']}>" target="_album" class="color_dark ellipsis"><{$v['artist_name']}> - <{$v['name']}></a></h5>
					<div class="clearfix m_bottom_5">
						<p class="scheme_color f_size_large f_left"><i class="fa fa-eye"></i><{$v['hits']}></p>
						<!--评分-->
						<a class="horizontal_list clearfix d_inline_b m_bottom_10 m_left_10" title="点击打分" href="javascript:;">
							<div class="rater" data-average="<{$v['rater']}>" data-id="<{$v['id']}>"></div>
						</a>
					</div>
				</figcaption>
			</figure>
			</JY:album>
		</div>
		
		
		<!--推荐专辑-->
		<div class="row clearfix m_bottom_45 m_md_bottom_35 m_xs_bottom_30">
			<div class="col-lg-6 col-md-6 col-sm-12 m_sm_bottom_35 blog_animate animate_ftr">
				<div class="clearfix m_bottom_25 m_sm_bottom_20">
					<h2 class="tt_uppercase color_dark f_left">推荐专辑</h2>
					<div class="f_right clearfix nav_buttons_wrap">
						<button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large bg_light_color_1 f_left tr_delay_hover r_corners blog_prev"><i class="fa fa-angle-left"></i></button>
						<button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large bg_light_color_1 f_left m_left_5 tr_delay_hover r_corners blog_next"><i class="fa fa-angle-right"></i></button>
					</div>
				</div>
				<div class="blog_carousel">
					<JY:album result="v" limit="5" order="recommend,id">
					<div class="clearfix">
						<!--image-->
						<a href="<{$v['url']}>" target="_album" class="d_block photoframe relative shadow wrapper r_corners f_left m_right_20 animate_ftt f_mxs_none m_mxs_bottom_10">
							<img class="tr_all_long_hover" src="<{$v['cover_url']|default="/Uploads/Picture/album_cover.jpg"}>" alt="<{$v['name']}>" width="243" height="180">
						</a>
						<!--post content-->
						<div class="mini_post_content">
							<h4 class="m_bottom_5 animate_ftr"><a href="#" class="color_dark"><b><{$v['name']}></b></a></h4>
							<p class="f_size_medium m_bottom_10 animate_ftr">添加时间: <{$v['add_time']|time_format='Y-m-d'}> ，<{$v['hits']}>次浏览</p>
							<p class="m_bottom_10 animate_ftr"><{$v['introduce']|msubstr=0,120}></p>
							<a class="tt_uppercase f_size_large animate_ftr" href="<{$v['url']}>" target="_album">详细</a>
						</div>
					</div>
					</JY:album>
				</div>
			</div>
			<!--音乐人-->
			<div class="col-lg-6 col-md-6 col-sm-12 ti_animate animate_ftr">
				<div class="clearfix m_bottom_25 m_sm_bottom_20">
					
					<h2 class="tt_uppercase color_dark f_left f_mxs_none m_mxs_bottom_15">音乐人<a target="_blank" href="<{:U('Artist/index')}>" class="tt_uppercase animate_ftr animate_horizontal_finished">/更多</a></h2>
					<div class="f_right clearfix nav_buttons_wrap f_mxs_none">
						<button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large bg_light_color_1 f_left tr_delay_hover r_corners ti_prev"><i class="fa fa-angle-left"></i></button>
						<button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large bg_light_color_1 f_left m_left_5 tr_delay_hover r_corners ti_next"><i class="fa fa-angle-right"></i></button>
					</div>
				</div>
				<div class="testiomials_carousel">
					<JY:artist result="v" limit="6" order="recommend,id">
					<div>					
						<blockquote class="r_corners shadow f_size_medium relative m_bottom_15 "><{$v['introduce']|msubstr=0,180}></blockquote>
						<img class="circle m_left_20 d_inline_middle animate_ftr" src="<{$v['cover_url']|default="/Uploads/Picture/artist_cover.jpg"}>" alt="<{$v['name']}>" width="70" height="70">
						<div class="d_inline_middle m_left_15 animate_ftr">
							<h5 class="color_dark"><b><{$v['name']}></b></h5>
							<a class="tt_uppercase f_size_large animate_ftr" href="<{$v['url']}>" target="_blank">详细</a>
						</div>
					</div>
					</JY:artist>
				</div>
			</div>
		</div>
			
		<div class="clearfix">
			<h2 class="color_dark tt_uppercase f_left m_bottom_15 f_mxs_none heading5 animate_ftr">分享达人<a href="#" class="tt_uppercase animate_ftr animate_horizontal_finished">/更多</a></h2>
			<div class="f_right clearfix nav_buttons_wrap f_mxs_none m_mxs_bottom_5 animate_fade">
				<button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large t_align_c bg_light_color_1 f_left tr_delay_hover r_corners bestuser_prev"><i class="fa fa-angle-left"></i></button>
				<button class="button_type_7 bg_cs_hover box_s_none f_size_ex_large t_align_c bg_light_color_1 f_left m_left_5 tr_delay_hover r_corners bestuser_next"><i class="fa fa-angle-right"></i></button>
			</div>
		</div>
		<div class="bestuser_carousel m_bottom_10 m_xs_bottom_15">
			<JY:member result="v" limit="10" order="songs">
			<figure class="r_corners photoframe shadow relative tr_all_hover animate_ftb long t_align_c">
				<div class="circle wrapper team_photo d_inline_b m_bottom_15">
					<a href="<{$v['url']}>" target="_blank"><img alt="<{$v['nickname']}>" src="<{$v['uid']|get_user_avatar="128"}>"></a>
				</div>
				<figcaption>
					<h4 class="fw_medium color_dark"><a href="<{$v['url']}>" target="_blank"><{$v['nickname']}></a></h4>
					<p class="color_dark m_top_5">音乐：<{$v['songs']}></p>
				</figcaption>	
			</figure>
			</JY:member>
		</div>
		<h2 class="link_title">友情链接</h2>
		<style>
	.link_title {font-size: 1.71em;line-height: 1em; margin-bottom: 20px;color: #292f38;}
	.link_list ul {list-style: outside none none;}
	.link_list ul li {margin: 0 15px 0 15px;display: inline-block;}
	.link_list img {width : 100px;height:40px;}
	.l-img{margin-bottom:5px;}
	</style>
		<div class="row clearfix link_list">
			<div class="col-lg-12 col-md-12 col-sm-12">
				<ul>
				<{:hook('pageFooter',array('widget'=>'link'))}>	
				</ul>
			</div>
		</div>				
	</div>
</div>
</block>
<block name="player"><include file="Player/default"/></block> 